﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>settings</title>

    <!-- WinJS references -->
    <link href="//Microsoft.WinJS.1.0.RC/css/ui-dark.css" rel="stylesheet">
    <script src="//Microsoft.WinJS.1.0.RC/js/base.js"></script>
    <script src="//Microsoft.WinJS.1.0.RC/js/ui.js"></script>
    
    <link href="/css/settings.css" rel="stylesheet">
    <script src="/js/settings.js"></script>
</head>
<body>
    <div id="settings" data-win-control="WinJS.UI.SettingsFlyout" data-win-options="{width: 'narrow'}">
    <div class="SettingsPane">
        <div class="win-label">
            <button onclick="WinJS.UI.SettingsFlyout.show()" class="win-backbutton">
            </button>
            <span class="SettingsTitle" data-win-res="{textContent: 'settingsPageTitle'}">Settings</span>
        </div>
        <article class="SettingsContent">
            <h2 data-win-res="{textContent:'applicationTitle'}">Big Timer</h2>
            <h4 data-win-res="{innerHTML:'settingsPageFPS'}">FPS configuration</h4>
            <div data-win-res="{innerHTML:'settingsPageFPSDesc'}">Decreasing FPS will save you some amount of processor, thus saving some battery too.
                Notice that a value smaller than 10FPS will not allow you to see milliseconds.
            </div>
            FPS: <input type="number" min="4" max="50" />
        </article>
    </div>
</div>
</body>
</html>
